<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>指尖金融</title>
		<link href="../../../css/common.css" type="text/css" rel="stylesheet">
		<link href="../../../css/base.css" type="text/css" rel="stylesheet">
		<link href="../../../res/png/icon.png" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="../../../js/My97DatePicker/skin/WdatePicker.css" />
		<link rel="stylesheet" type="text/css" href="disbursementManage.css"/>
		
		<link href="../client/financeSituation/css/jquery-tablesorter-my.css" type="text/css" rel="stylesheet">
		<link href="../client/financeSituation/css/tablesorter-yirun.css" type="text/css" rel="stylesheet">
		<link href="../client/financeSituation/css/scrollbar-yirun.css" type="text/css" rel="stylesheet">
	</head>

	<body>
		<div class="wrapper">
			<!-- 顶部菜单栏 -->
			<div id="header" class="header">
			</div>
			<div class="main" id="main">
				<!-- 左侧菜单栏 -->
				<div id="leftMenu" class="left"></div>
				<div class="pages">
					<div id="insuranceManageList" class="page">
						<p class="table-head">
							<label class="table-title">当前位置:支出流水</label>
						</p>
						<div class="table-search">
							<div class="searchDataLine">
								<div>
									收付款时间：<input style="width: 110px;" class="Wdate statementBeginDate" type="text" onFocus="WdatePicker({})" />--<input style="width: 110px;" class="Wdate statementEndDate" type="text" onFocus="WdatePicker({minDate:$('.statementBeginDate').val()})" />
								</div>
								<div>
									收支单号：<input class="statementNumber" type="text"/>
								</div>
								<div>
									收款单位名称：<input class="receiptName" type="text"/>
								</div>
							</div>
							<div class="searchDataLine">
								<div>
									应付金额：<input class="minSourceAmount" style="width: 110px;" type="text"/>--<input class="maxSourceAmount" style="width: 110px;" type="text" onchange="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"/>
								</div>
								<div>
									融资单号：<input class="financeNumber" type="text"/>
								</div>
								<div>
									业务类型：
									<select name="productType" style="width: 110px; margin-right: 42px;">		
										<option value="0">全部</option>
										<option value="1">舱单代采</option>
										<option value="2">舱单质押</option>
										<option value="3">仓储质押</option>
										<option value="4">保理融资</option>
										<option value="5">代理采购</option>
										<option value="6">代理销售</option>
									</select>
									<!--状态：<select style="width: 110px; margin-right: 42px;"><option value="1">未支付</option><option value="2">已付款</option><option value="3">已支付</option></select>-->
										<button class="table-search-button" id="disbursementSearch">查询</button>
								</div>
							</div>
							<div class="searchDataLine">
								<div>
									核销状态： <select name="verifiCancelState" style="width: 110px; margin-right: 123px;">
										<option value="">全部</option>
										<option value="false">待核销</option>
										<option value="true">已核销</option>
									</select>
								</div>
								<div>
								</div>
								<div>
								</div>
							</div>
						</div>
						<div style="margin: 0 40px;">
							<table id="disbursementManageTable" class="table" cellspacing="0px" cellpadding="0px">
								<thead>
									<tr>
										<th>收支单号</th>
										<th>单证类型</th>
										<th>业务类型</th>
										<th>融资单号</th>
										<th>应付金额</th>
										<th>已发生额</th>
										<th>余额</th>
										<th>收付款时间</th>
										<th>收款方 </th>
										<th>付款方</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="disbursementManageBody"></tbody>
							</table>
							<div id="pagenation" class="pagerCon"></div>
							<script type="text/template" id="disbursementManageTpl">
								{@each datas as it}
								<tr class="tr_style table-data" statementSourceId="${it.statementSourceId}" statementSource="${it.statementSource}" moneyStatementId="${it.moneyStatementId}">
									<td>${it.statementNumber}</td>
									<td>${getValueByKey(44, it.statementSource)}</td>
									<td>${getValueByKey(7, it.productType)}</td>
									<td>${it.financeNumber}</td>
									<td>&#65509;${formatCurrency(it.amount)}</td>
									<td>&#65509;${formatCurrency(it.disbursementAmount)}</td>
									<td>&#65509;${formatCurrency(it.disbursementBalance)}</td>
									<td>${it.statementDate}</td>
									<td receiptId="${it.receiptId}" class="receiptName">${it.receiptName}</td>
									<td>${it.disbursementName}</td>
									<td>
										{@if it.disbursementVerifiState == false}
										<a class="verify" href="javascript:void(0);">核销</a>
										{@/if}
										<a class="detail" href="javascript:void(0);">详情</a> 
										<a href="javascript:void(0);" class="repulse_1">打回</a>
										{@if it.disbursementVerifiState == false}
										<a class="forceVerify" href="javascript:void(0);">关闭</a>
										{@/if}
										<a class="verifyRecord" href="javascript:void(0);">核销记录</a>
									</td>
								</tr>
								<tr class="str none" moneyStatementId="${it.moneyStatementId}">
									<td><input type="hidden" name="moneyStatementId" value="${it.moneyStatementId}"/><a class="statementNumber" href="javascript:void(0);" statementSource="${it.statementSource}" statementSourceId="${it.statementSourceId}">${it.statementNumber}</a></td>
									<td>${it.financeNumber}</td>
									<td>${getValueByKey(44, it.statementSource)}</td>
									<td>&#65509;${formatCurrency(it.amount)}</td>
									<td>&#65509;${formatCurrency(it.disbursementBalance)}</td>
									<td>${it.statementDate}</td>
									<td>${it.receiptName}</td>
									<td><input num="1" amount="${it.disbursementBalance}" type="text" value="${it.disbursementBalance}" name="verifiAmount"></td>
									<td></td>
								</tr>
								{@/each}
							</script>
						</div>
					</div>
				</div>
				<div id="popdialog"></div>
			</div>
			<!-- 底部 -->
			<div id="footer" class="none footer">
			</div>
			<!--删除确认框-->
			<div class="dialog none" id="confirmDialog" style="width:300px;">
				<div class="dialogTitle"></div>
				<button class="closeDiv">×</button>
				<div class="dialogContent">
				</div>
				<div class="footerBtn">
					<div class="dialogBtn dialogHandlerBtn">确定</div>
				</div>
			</div>
			<div id="fullBg" class="fullBg none"></div>
			<div id="popdialog">
			</div>
		</div>
		<script type="text/javascript" src="../../../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../../../component/layer/layer.js"></script>
		<script type="text/javascript" src="../../../js/seajs/sea.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-text.js"></script>
		<script type="text/javascript" src="../../../js/seajs/seajs-css.js"></script>
		<script type="text/javascript" src="../../../js/platform/config.js"></script>
		<script type="text/javascript" src="../../../js/juicer-min.js"></script>
		<script type="text/javascript" src="../../../js/zTree/jquery.ztree.all-3.5.js"></script>
		<script type="text/javascript" src="../../../component/autocomplete/jquery.autocomplete.js"></script>
		<script src="../../../js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript" src="../client/financeSituation/js/jquery.tablesorter/jquery.tablesorter.combined.js"></script>
		<script type="text/javascript" src="../client/financeSituation/js/jquery.tablesorter/jquery.tablesorter.js"></script>
		<script type="text/javascript" src="../client/financeSituation/js/jquery.tablesorter/jquery.tablesorter.widgets.js"></script>
		<script type="text/javascript" src="../client/financeSituation/js/jquery.tablesorter/widget-pager.js"></script>
		<script type="text/javascript" src="../client/financeSituation/js/jquery.tablesorter/widgets/widget-scroller.js"></script>
			
		<script type="text/javascript">
			seajs.use('./disbursementManage', function(disbursementManage) {
				disbursementManage.init();
			});
		</script>
	</body>

</html>